.layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    .layer-container {
        width: 285PX;
        position: fixed;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        border-radius: 10PX;
        padding: 20PX;
        
          .input_back text{
            width: 20rpx;
            height: 20rpx;
            background-color: white;
            border: 1rpx solid #aaa;
            border-width: 5rpx 0 0 5rpx;
            transform: rotate(-45deg);
          }

          .input_main {
              height: 50PX;
          }
          
          .input_tip{  margin: 30rpx; font-size: 24rpx; color: #888; }
          
          /* 密码掩码模拟 */
          .input_row{
            width: 100%; margin: 20PX auto; height: 98rpx; position: relative;
            display: flex; align-items: center; border: 1rpx solid #e2e2e2; border-radius: 20rpx;
          }
          .input_row .pwd_item{
            flex: 1; display: flex; align-items: center; justify-content: center; 
            height: 100%; border-right: 1rpx solid #e2e2e2; position: relative;
          }
          .pwd_item:nth-last-of-type(1) { border-right: 0; } 
          .pwd_item text { 
            width: 30rpx; height: 30rpx; border-radius: 30rpx; background-color: #555;
          }
          
          
          .forget_pwd{ 
            float: right; margin: 30rpx; width: 100rpx; text-align: right; font-size: 24rpx; color: #ff7800;
          }
          
          /* 文本输入框位置: 设置到左边隐藏 */
          .input_control { 
            position: relative; left: -300rpx; bottom: 0; width: 100rpx; height: 100rpx;
          }
    }
}